<template>
  <div>
    <talk-banner />
    <div class="talkTitle">态度决定一切</div>
    <TalkList></TalkList>
  </div>
</template>

<script lang="ts" setup>
import { defineAsyncComponent } from 'vue'

const TalkBanner = defineAsyncComponent(
  () => import('@/components/talk/TalkBanner.vue')
)
// 导入列表
const TalkList = defineAsyncComponent(
  () => import('@/components/talk/TalkList.vue')
)
</script>
<style lang="scss" scoped>
.talkTitle {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 5px;
  margin: -50px auto 0px;
  max-width: 1200px;
  text-align: center;
}
</style>
